<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>社会招聘</title>
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css">

</head>

<body>
    <div class="web">
        <header>
            <!-- 顶部导航栏 -->
            <div class="headerTop">
                <!-- 左边logo图标 -->
                <div class="logo">
                    <img src="../images/indexImg/logo.png" alt="">
                </div>
                <div class="right">

                    <div class="search">
                        <input type="text">
                        <i class="iconfont icon-sousuo"></i>
                    </div>
                    <div class="textChange">中/繁</div>

                </div>

            </div>
            <div class="headerBottom">
                <a href="./index.html">首页</a>
                <a href="./aboutYaJuLe.html">关于雅卓</a>
                <a href="#">新闻中心</a>
                <a href="#">行业洞见</a>
                <a href="./service.html">雅卓服务</a>
                <a href="./personnel.html">招贤纳士</a>
                <a href="./contact.html">联系我们</a>
            </div>
            <!-- 轮播图 -->
            <div class="swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="../images/indexImg/fry.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="../images/indexImg/banner.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="../images/indexImg/banner202f1aa0.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="../images/indexImg/fry.png" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="../images/indexImg/banner.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="../images/indexImg/banner202f1aa0.jpg" alt="">
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>

        </header>
        <main>
            <!-- 内容 -->
            <div class="content">
                <!-- 右上角标题 -->
                <div class="title">
                    <div class="home">
                        <i class="iconfont icon-shouye"></i>
                        <a class="text" href="./index.html">首页</a>
                    </div>
                    <span>&gt;</span>
                    <div class="about">招贤纳士</div>
                </div>
                <!-- 下面内容 -->
                <div class="contact">
                    <!-- 左边区域 -->
                    <div class="left">
                        <div class="conText">Personnel</div>
                        <div class="chText">招贤纳士</div>
                        <div class="underLine"></div>
                        <div class="smallText">
                            <div class="twoHand">人才战略</div>
                            <div class="line">
                                <a class="smText" href="./personnel.html">校园招聘</a>
                            </div>
                            <div class="line">
                                <a class="twoHand" href="./sociology.html">社会招聘</a>
                                <i class="iconfont icon-gengduo"></i>
                            </div>



                        </div>
                    </div>
                    <!-- 右边内容 -->
                    <div class="right">
                        <div class="top">
                            <input type="text">
                            <button>搜索</button>
                        </div>
                        <div class="bottom">
                            <table>
                                <!-- 列表首行 -->
                                <tr class="bold">
                                    <td>职位名称</td>
                                    <td>部门</td>
                                    <td>招聘人数</td>
                                    <td>工作地点</td>
                                    <td>发布时间</td>
                                </tr>

                                <!-- 第二行 -->
                                <tr>
                                    <td>销售代表</td>
                                    <td>广州销售联动中...</td>
                                    <td>若干</td>
                                    <td>广州市</td>
                                    <td>2017-6-29</td>

                                </tr>
                                <!-- 第三行 -->
                                <tr>
                                    <td>销售代表</td>
                                    <td>广州销售联动中...</td>
                                    <td>若干</td>
                                    <td>广州市</td>
                                    <td>2017-6-29</td>

                                </tr>
                                <!-- 第四行 -->
                                <tr>
                                    <td>销售代表</td>
                                    <td>广州销售联动中...</td>
                                    <td>若干</td>
                                    <td>广州市</td>
                                    <td>2017-6-29</td>

                                </tr>
                                <!-- 第五行 -->
                                <tr>
                                    <td>销售代表</td>
                                    <td>广州销售联动中...</td>
                                    <td>若干</td>
                                    <td>广州市</td>
                                    <td>2017-6-29</td>

                                </tr>
                                <!-- 第六行 -->
                                <tr>
                                    <td>销售代表</td>
                                    <td>广州销售联动中...</td>
                                    <td>若干</td>
                                    <td>广州市</td>
                                    <td>2017-6-29</td>

                                </tr>
                                <!-- 第七行 -->
                                <tr>
                                    <td>销售代表</td>
                                    <td>广州销售联动中...</td>
                                    <td>若干</td>
                                    <td>广州市</td>
                                    <td>2017-6-29</td>

                                </tr>
                                <!-- 第八行 -->
                                <tr>
                                    <td>销售代表</td>
                                    <td>广州销售联动中...</td>
                                    <td>若干</td>
                                    <td>广州市</td>
                                    <td>2017-6-29</td>

                                </tr>
                            </table>
                            <div class="page">

                                <span class="count">页次：</span>
                                <div class="num">1/1</div>


                                <span>每页:</span>
                                <div class="evPage">10</div>


                                <span>共计:</span>
                                <div class="toNum">7</div>

                                <span>首页</span>
                                <span>上一页</span>
                                <span>下一页</span>
                                <span>末页</span>
                                <span>跳转：</span>
                                <input type="text">
                                <button >转页</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </main>
        <footer>
            <div class="blackBox">
                <div class="leftText">
                    <div class="text">
                        <div class="top">
                            <a href="#">关于雅卓</a>
                        </div>
                        <div class="bottom">
                            <a href="#"> 雅卓与雅居乐</a>
                            <a href="#">雅卓与雅生活</a>
                            <a href="#">雅卓营销</a>
                            <a href="#">招贤纳士企业愿景</a>
                            <a href="#">雅卓优势</a>
                        </div>
                    </div>
                    <div class="text">
                        <div class="top">
                            <a href="#">新闻中心</a>
                        </div>
                        <div class="bottom">
                            <a href="#"> 企业动态</a>
                            <a href="#">媒体报道</a>

                        </div>
                    </div>
                    <div class="text">
                        <div class="top">
                            <a href="#">行业洞见</a>
                        </div>
                        <div class="bottom">
                            <a href="#"> 营销5.0</a>
                        </div>
                    </div>
                    <div class="text">
                        <div class="top">
                            <a href="#">雅卓服务</a>
                        </div>
                        <div class="bottom">
                            <a href="#"> 一手代理业务</a>
                            <a href="#">二手经纪业务</a>
                            <a href="#">渠道分销</a>
                            <a href="#">营销大包业务</a>
                        </div>
                    </div>
                    <div class="text">
                        <div class="top">
                            <a href="#">招贤纳士</a>
                        </div>
                        <div class="bottom">
                            <a href="#">人才战略</a>
                            <a href="#">校园招聘</a>
                            <a href="#">社会招聘</a>
                        </div>
                    </div>
                    <div class="text">
                        <div class="top">
                            <a href="#">联系我们</a>
                        </div>
                        <div class="bottom">
                            <a href="#"> 联系我们</a>
                        </div>
                    </div>
                </div>
                <div class="rightImg">
                    <div class="buy">

                        <img src="../images/indexImg/buy.png" alt="">
                        <span>雅卓营销</span>
                    </div>
                    <div class="buy">
                        <img src="../images/indexImg/House.png" alt="">
                        <span>雅卓购房通</span>
                    </div>
                </div>
            </div>
            <div class="blueBox">
                <div class="top">
                    <img src="../images/indexImg/9.png" alt="">
                </div>
                <div class="bottom">
                    <div class="left">
                        <a href="https://beian.miit.gov.cn/#/Integrated/index">广州市雅卓营销房地产有限公司 粤ICP备2021149314号 020-8883
                            9566-1816 中国广东省广州市天河区珠江新城华夏路26号雅居乐中心23楼</a>
                    </div>
                    <div class="right">
                        <div class="leftText">
                            免责声明 |
                        </div>

                        <div class="rightImg">
                            <img src="../images/indexImg/wechat.png" alt="">
                        </div>
                    </div>
                </div>

            </div>
        </footer>
    </div>
</body>
<!-- <script src="https://unpkg.com/swiper/swiper-bundle.js"> </script> -->
<!-- <script src="../js/swiper.js"></script> -->

</html>